<template>
  <div class="error">
    <router-link class="link" to="/">前往首页</router-link>
    <img src="../../assets/404.png" alt="" />
  </div>
  <footer class="footer">
    <a href="https://beian.miit.gov.cn/" target="_blank">
      备案号: 蜀ICP备2024086875号-1
    </a>
    <div>
      <a
        href="https://www.douyin.com/user/MS4wLjABAAAAJxUIX2GMq0-rcucksrrllJj93HHnceibxk40_PWmeX0"
        target="_blank"
        >© 好大一只</a
      >
    </div>
  </footer>
</template>

<script setup lang="ts"></script>

<style lang="scss" scoped>
.error {
  height: 100%;
  width: 100%;
  background: linear-gradient(to right, #a7e4f1 20%, #81cfe0 50%, #0083b0 80%);
  display: flex;
  justify-content: center;
  align-items: center;
  img {
    width: 50%;
  }
  .link {
    color: #333;
  }
}
</style>
